<extend name="Public:common" />
<block name="style">
    <link type="text/css" rel="stylesheet" href="__PLUGINS__/umeditor1_2_2-utf8-php/themes/default/css/umeditor.css">
    <link type="text/css" rel="stylesheet" href="__CSS__/admin-fomr.css">
    <link type="text/css" rel="stylesheet" href="__PLUGINS__/date/hDate.css">
    <link type="text/css" rel="stylesheet" href="__PLUGINS__/tag/css/jquery.tagsinput.css">
</block>
<block name="script">
    <script type="text/javascript" charset="utf-8" src="__JS__/common.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PLUGINS__/umeditor1_2_2-utf8-php/umeditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PLUGINS__/umeditor1_2_2-utf8-php/umeditor.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PLUGINS__/date/js/hDate.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PLUGINS__/tag/js/jquery.tagsinput.js"></script>
    <script type="text/javascript" charset="utf-8" src="__PLUGINS__/tag/js/jquery-ui.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="__JS__/admin-fomr.js"></script>
    <script type="text/javascript">
        $("#Text1").click(function (e) {
                var ths = this;
                calendar.show();
        });


        function onAddTag(tag) {
                    alert("Added a tag: " + tag);
                }
        $(function() {
            $('#tags_1').tagsInput({width:'auto'});
            $('#tags_2').tagsInput({
                width: 'auto',
                onChange: function(elem, elem_tags)
                {
                    var languages = ['php','ruby','javascript'];
                    $('.tag', elem_tags).each(function(){
                        if($(this).text().search(new RegExp('\\b(' + languages.join('|') + ')\\b')) >= 0)
                            $(this).css('background-color', 'yellow');
                    });
                }
            });
            var tags = $(".tags-simple p");
            $(".tags-simple p").click(function(){
                $('#tags_2_tag').focus();
                for (var i=0;i<tags.length;i++) {
                    var od =$(this).text();
                    $('#tags_2_tag').val(od);
                }

            })
        });
    </script>
</block>
<block name="right">
    <div class="pure-u-11-13">    
        <form action="#" method="get">
            <ul class="admin-fomr">
                <li><label>文章标题：</label><input type="text" id="" value="" placeholder="请输入标题"/></li>
                <li><label>副标题：</label><input type="text" id="" value="" placeholder="请输入副标题"/></li>
                <li><label>关键字：</label><input type="text" id="" value="" placeholder="请输入文章关键字"/></li>
                <li><label>发布时间：</label><input id="Text2" onClick="calendar.show({ id: this })" type="text" placeholder="发布时间"/></li>
                <li>
                    <label for="simple-tags">TAG标签：</label>
                    <div class="tags-simple">
                        <input id="tags_2" type="text" class="tags" value="" name="tags" />
                        <p>云购物</p>
                        <p>热门精品</p>
                        <p>人气爆款</p>
                        <p>人气爆款2</p>
                        <p>人气爆款3</p>
                        <p>人气爆款4</p>
                        <p>人气爆款5</p>
                        <p>人气爆款6</p>
                        <p>人气爆款7</p>
                    </div>
                </li>
                <li><label for="simple-tags">文章正文：</label></li>
                <li class="myeditor"><script type="text/plain" id="myEditor" style="width:80%;height:240px;  overflow: auto;"><p>请输入正文..........</p></script></li>
                <li><label>发布的频道：</label>
                    <select name="">
                        <option value="">请选择频道</option>
                        <option value="">新闻频道</option>
                        <option value="">娱乐频道</option>
                    </select>
                </li>
                <li class="admin-recommend"><label>推荐等级：</label>
                    <input type="radio" value="1" name="radio-t" />不推荐
                    <input type="radio" value="2" name="radio-t"/>首页推荐
                    <input type="radio" value="3" name="radio-t"/>1级推荐
                    <input type="radio" value="4" name="radio-t"/>2级推荐
                </li>
               <li><input type='submit' id="" value="提交表单" class="admin-button"/></li>
            </ul>
        </form>
    </div>
</block>